<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/5/22
  Time: 10:44
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>

<head>
    <title>Preview</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="../css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <script type="text/javascript" src="../js/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="../js/move-top.js"></script>
    <script type="text/javascript" src="../js/easing.js"></script>
    <link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css">
</head>

<body>
<div class="header">
    <!--头部首页①-->
    <jsp:include page="headerOne.jsp" flush="true"></jsp:include>
    <div class="wrap">
        <!--头部首页②-->
        <jsp:include page="headerTwo.jsp" flush="true"></jsp:include>
    </div>
</div>

<div class="main">
    <div class="wrap">
        <div class="content_top">
            <div class="back-links">
                <p>
                    <h5><a href="../home">首页</a> &gt;&gt;&gt;&gt;
                    <a href="#" class="active">个人中心/我的订单</a></h5>
                </p>
            </div>
            <div class="clear"></div>
        </div>
        <div style="margin-top: 25px;">
            <table style="width: 1300px; text-align: center; " border="1px" frame="below">
                <tr>

                    <td width="215px" style="border-left: none; border-right: none;">
                      <h3>图片</h3>
                    </td>

                    <td width="215px" style="border-left: none; border-right: none;">
                        <h3>电影名</h3>
                    </td>

                    <td width="215px" style="border-left: none; border-right: none;">
                        <h3>购买时间</h3>
                    </td>

                    <td width="215px" style="border-left: none; border-right: none;">
                        <h3>开始时间</h3>
                    </td>

                    <td width="215px" style="border-left: none; border-right: none;">
                        <h3>座位号</h3>
                    </td>

                    <td width="215px" style="border-left: none; border-right: none;">
                        <h3>总价格</h3>
                    </td>

                    <td width="215px" style="border-left: none; border-right: none;">
                        <h3>影院名</h3>
                    </td>

                    <td width="215px" style="border-left: none; border-right: none;">
                        <h3>操作</h3>
                    </td>

                </tr>
                <c:forEach items="${userRecordFinalls}" var="userRecordFinalls">
                    <tr>

                        <td width="215px" style="border-left: none; border-right: none;">
                            <img src="${userRecordFinalls.userRecord.mpicture}"
                                 alt="${userRecordFinalls.userRecord.mname}" width="80px"/>
                        </td>

                        <td width="215px" style="border-left: none; border-right: none;">
                            <h4>${userRecordFinalls.userRecord.mname}</h4>
                        </td>

                        <td width="215px" style="border-left: none; border-right: none;">
                            <h4>${userRecordFinalls.userRecord.buytime}</h4>
                        </td>

                        <td width="215px" style="border-left: none; border-right: none;">
                            <h4>${userRecordFinalls.userRecord.mstartime}</h4>
                        </td>

                        <td width="215px" style="border-left: none; border-right: none;">
                            <h4>${userRecordFinalls.seats}</h4>
                        </td>

                        <td width="215px" style="border-left: none; border-right: none;">
                            <h4>${userRecordFinalls.userRecord.payprice}</h4>
                        </td>

                        <td width="215px" style="border-left: none; border-right: none;">
                            <h4>${userRecordFinalls.userRecord.cname}</h4>
                        </td>

                        <td width="215px" style="border-left: none; border-right: none;">
                            <h4>
                                <c:choose>
                               <c:when test="${userRecordFinalls.remark eq '0'}">已失效</c:when>
                                <c:when test="${userRecordFinalls.remark eq '1'}">已支付</c:when>
                                <c:otherwise></div><div class="destime" id="${userRecordFinalls.remark}"   ></div><br><a href="agian/alipay/${userRecordFinalls.userRecord.payprice}/${userRecordFinalls.userRecord.rid}">去支付 &nbsp;￥${userRecordFinalls.userRecord.payprice}</a></c:otherwise>
                                </c:choose>
                            </h4>
                        </td>

                    </tr>
                </c:forEach>

            </table>
        </div>

    </div>

</div>

</div>
</div>
<div class="footer">
    <div class="wrap">
        <div class="section group">

        </div>
        <div class="copy_right">
            <p>Copyright &copy; 2019.Company name All rights reserved.
                <a target="_blank" href="http://sc.chinaz.com/moban/"></a>
            </p>
        </div>
    </div>
</div>


<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="dist/jquery.countdown.min.js"></script>
<script type="text/javascript">



    $.each($(".destime"),function () {
        var endtime=$(this).attr("id");
        var twoDaysFromNow = new Date().valueOf() + endtime*1;
        $("#"+endtime).countdown(twoDaysFromNow, function(event) {
            $(this).html(event.strftime(' %M 分钟 %S 秒'));
            if(event.strftime('%M') == '00') {

                if(event.strftime('%S') == '01') {

                    window.location.href="personal2";
                }
            }
        });
    })

</script>


</body>

</html>
